<template>
  <div style="height:44px;border-bottom: 1px solid #e9e9eb;padding: 0;line-height: 44px">
    <span style="padding-left: 20px;font-weight:bold;font-size: 18px" >我的回答</span>
  </div>
  <div style="padding: 0;margin: 0 20px;">
    <div class="setup" style="width: 100%;padding: 0 0 80px 0" v-for="a in 10">
      <el-row :gutter="10">
        <el-col :span="24">
              <div style="height: 22px;width: 100%;font-weight:bold;font-size: 15px;line-height: 22px">
               各位大佬有没有戴眼镜的气质美女壁纸?
              </div>
          <el-row :gutter="10">
            <el-col :span="2">
              <div style="height: 50px;width:50px;
          background-size: cover;
          background-image: url('https://pica.zhimg.com/v2-9cdabd09bf202c1395b7f1c7bb5d6ac3_400x224.jpg?source=57bbeac9')"/>
            </el-col>
            <el-col :span="22" style="text-align: left;">
              <span >12</span>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :span="5">
              <div style="height: 80px;width:150px;
          background-size: cover;
          background-image: url('https://pica.zhimg.com/v2-9cdabd09bf202c1395b7f1c7bb5d6ac3_400x224.jpg?source=57bbeac9')"/>
            </el-col>
            <el-col :span="18" style="text-align: left;font-size: 14px">
              <span >这是一个美女视频</span>
            </el-col>
          </el-row>
          <div>

          </div>
          <div style="height: 100%">
            <div style="height: 25px;width: 100%;
            /*border: 1px solid black;*/
            font-size: 18px;
            line-height: 40px;">
              <el-row>
                <el-col :span="3">
                  <a href="javascript:void(0)" class="like"><el-icon><Pointer /></el-icon><span class="button1">赞同 {{user}}</span></a>
                </el-col>
                <el-col :span="4">
                  <a href="javascript:void(0)" class="like"><el-icon><Comment /></el-icon><span class="button1">添加评论 {{user}}</span></a>
                </el-col>
                <el-col :span="3">
                  <a href="javascript:void(0)" class="like"><el-icon><Share /></el-icon><span class="button1">分享 {{user}}</span></a>
                </el-col>
                <el-col :span="3">
                  <a href="javascript:void(0)" class="like"><el-icon><Collection /></el-icon><span class="button1">收藏 {{user}}</span></a>
                </el-col>
                <el-col :span="5">
                  <a href="javascript:void(0)" class="like"><el-icon><Setting /></el-icon><span class="button1">设置 {{user}}</span></a>
                </el-col>
                <el-col :span="6">
                </el-col>
              </el-row>
            </div>
          </div>
        </el-col>
      </el-row>
      <router-view/>
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue";

const user=ref("10");
</script>

<style scoped>
.setup{
  height: 120px;
  border-bottom: 1px solid #e9e9eb;
  padding: 20px 18px;
}
.setup:hover{
  cursor: pointer;
}
p{
  padding: 0;
  margin: 0;
}
.like{
  color: #8493a5;
  text-decoration: none;
  padding-bottom: 0px;
}
.like span{
  font-size: 16px;
  padding-top: 0px;
}
.like:hover{
  color: #1989fa;
}
.button1 {

}

</style>